<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="${path }/resource/plugin/hui/lib/html5.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/hui/lib/respond.min.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/hui/lib/PIE_IE678.js"></script>
<![endif]-->

<!-- 本框架基本脚本和样式 -->
<link href="${path }/resource/plugin/hui/skin/default/skin.css" rel="stylesheet"
	type="text/css" id="skin" />
<script type="text/javascript" src="${path }/resource/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/MBase.js"></script>


<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<style type="text/css">


.page-header {
	padding-bottom: 9px;
	margin: 20px 0 30px;
	border-bottom: 1px solid #eee;
}

section{
	display: block;
	overflow: hidden;
	width: 100%;
	font-size: 16px;

}

.span4 {
	width: 220px;
	float: left;
}

.the-icons {
	list-style-type: none;
	margin: 0;
}

.fa-hover a{
	cursor: pointer;
	line-height: 32px;
	height: 32px;
	padding-left: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.fa-hover a:HOVER {
	background-color: #fbf4f4;
	font-size: 18px;
}

</style>

<title>图标</title>
</head>
<body>

	<div class="ibox-content">
		<h2>最新发布图标</h2>
		<section id="web-application">
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-angellist"> </i> fa-angellist</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-area-chart"> </i> fa-area-chart</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-at"> </i> fa-at</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-bell-slash"> </i> fa-bell-slash</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-bell-slash-o"> </i> fa-bell-slash-o</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-bicycle"> </i> fa-bicycle</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-binoculars"> </i> fa-binoculars</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-birthday-cake"> </i> fa-birthday-cake</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-bus"> </i> fa-bus</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-calculator"> </i> fa-calculator</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-cc"> </i> fa-cc</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-cc-amex"> </i> fa-cc-amex</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-cc-discover"> </i> fa-cc-discover</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-cc-mastercard"> </i> fa-cc-mastercard</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-cc-paypal"> </i> fa-cc-paypal</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-cc-stripe"> </i> fa-cc-stripe</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-cc-visa"> </i> fa-cc-visa</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-copyright"> </i> fa-copyright</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-eyedropper"> </i> fa-eyedropper</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-futbol-o"> </i> fa-futbol-o</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-google-wallet"> </i> fa-google-wallet</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-ils"> </i> fa-ils</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-ioxhost"> </i> fa-ioxhost</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-lastfm"> </i> fa-lastfm</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-lastfm-square"> </i> fa-lastfm-square</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-line-chart"> </i> fa-line-chart</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-meanpath"> </i> fa-meanpath</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-newspaper-o"> </i> fa-newspaper-o</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-paint-brush"> </i> fa-paint-brush</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-paypal"> </i> fa-paypal</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-pie-chart"> </i> fa-pie-chart</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-plug"> </i> fa-plug</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-shekel"> </i> fa-shekel (alias)</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-sheqel"> </i> fa-sheqel (alias)</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-slideshare"> </i> fa-slideshare</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-soccer-ball-o"> </i> fa-soccer-ball-o (alias)</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-toggle-off"> </i> fa-toggle-off</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-toggle-on"> </i> fa-toggle-on</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-trash"> </i> fa-trash</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-tty"> </i> fa-tty</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-twitch"> </i> fa-twitch</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-wifi"> </i> fa-wifi</a>
			</div>
			<div class="fa-hover span4">
				<a href="javascript:void(0)" ><i class="fa fa-yelp"> </i> fa-yelp</a>
			</div>
		</section>
		<section id="web-application">
			<h2 class="page-header">Web App 图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-adjust"> </i> fa-adjust</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-anchor"> </i> fa-anchor</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-archive"> </i> fa-archive</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-area-chart"> </i> fa-area-chart</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrows"> </i> fa-arrows</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrows-h"> </i> fa-arrows-h</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrows-v"> </i> fa-arrows-v</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-asterisk"> </i> fa-asterisk</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-at"> </i> fa-at</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-automobile"> </i> fa-automobile (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-ban"> </i> fa-ban</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bank"> </i> fa-bank (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bar-chart"> </i> fa-bar-chart</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bar-chart-o"> </i> fa-bar-chart-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-barcode"> </i> fa-barcode</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bars"> </i> fa-bars</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-beer"> </i> fa-beer</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bell"> </i> fa-bell</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bell-o"> </i> fa-bell-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bell-slash"> </i> fa-bell-slash</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bell-slash-o"> </i> fa-bell-slash-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bicycle"> </i> fa-bicycle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-binoculars"> </i> fa-binoculars</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-birthday-cake"> </i> fa-birthday-cake</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bolt"> </i> fa-bolt</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bomb"> </i> fa-bomb</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-book"> </i> fa-book</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bookmark"> </i> fa-bookmark</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bookmark-o"> </i> fa-bookmark-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-briefcase"> </i> fa-briefcase</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bug"> </i> fa-bug</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-building"> </i> fa-building</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-building-o"> </i> fa-building-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bullhorn"> </i> fa-bullhorn</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bullseye"> </i> fa-bullseye</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bus"> </i> fa-bus</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cab"> </i> fa-cab (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-calculator"> </i> fa-calculator</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-calendar"> </i> fa-calendar</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-calendar-o"> </i> fa-calendar-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-camera"> </i> fa-camera</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-camera-retro"> </i> fa-camera-retro</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-car"> </i> fa-car</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-square-o-down"> </i> fa-caret-square-o-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-square-o-left"> </i> fa-caret-square-o-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-square-o-right"> </i> fa-caret-square-o-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-square-o-up"> </i> fa-caret-square-o-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc"> </i> fa-cc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-certificate"> </i> fa-certificate</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-check"> </i> fa-check</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-check-circle"> </i> fa-check-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-check-circle-o"> </i> fa-check-circle-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-check-square"> </i> fa-check-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-check-square-o"> </i> fa-check-square-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-child"> </i> fa-child</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-circle"> </i> fa-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-circle-o"> </i> fa-circle-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-circle-o-notch"> </i> fa-circle-o-notch</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-circle-thin"> </i> fa-circle-thin</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-clock-o"> </i> fa-clock-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-close"> </i> fa-close (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cloud"> </i> fa-cloud</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cloud-download"> </i> fa-cloud-download</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cloud-upload"> </i> fa-cloud-upload</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-code"> </i> fa-code</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-code-fork"> </i> fa-code-fork</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-coffee"> </i> fa-coffee</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cog"> </i> fa-cog</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cogs"> </i> fa-cogs</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-comment"> </i> fa-comment</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-comment-o"> </i> fa-comment-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-comments"> </i> fa-comments</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-comments-o"> </i> fa-comments-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-compass"> </i> fa-compass</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-copyright"> </i> fa-copyright</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-credit-card"> </i> fa-credit-card</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-crop"> </i> fa-crop</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-crosshairs"> </i> fa-crosshairs</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cube"> </i> fa-cube</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cubes"> </i> fa-cubes</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cutlery"> </i> fa-cutlery</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-dashboard"> </i> fa-dashboard (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-database"> </i> fa-database</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-desktop"> </i> fa-desktop</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-dot-circle-o"> </i> fa-dot-circle-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-download"> </i> fa-download</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-edit"> </i> fa-edit (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-ellipsis-h"> </i> fa-ellipsis-h</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-ellipsis-v"> </i> fa-ellipsis-v</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-envelope"> </i> fa-envelope</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-envelope-o"> </i> fa-envelope-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-envelope-square"> </i> fa-envelope-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-eraser"> </i> fa-eraser</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-exchange"> </i> fa-exchange</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-exclamation"> </i> fa-exclamation</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-exclamation-circle"> </i> fa-exclamation-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-exclamation-triangle"> </i> fa-exclamation-triangle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-external-link"> </i> fa-external-link</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-external-link-square"> </i> fa-external-link-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-eye"> </i> fa-eye</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-eye-slash"> </i> fa-eye-slash</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-eyedropper"> </i> fa-eyedropper</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-fax"> </i> fa-fax</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-female"> </i> fa-female</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-fighter-jet"> </i> fa-fighter-jet</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-archive-o"> </i> fa-file-archive-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-audio-o"> </i> fa-file-audio-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-code-o"> </i> fa-file-code-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-excel-o"> </i> fa-file-excel-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-image-o"> </i> fa-file-image-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-movie-o"> </i> fa-file-movie-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-pdf-o"> </i> fa-file-pdf-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-photo-o"> </i> fa-file-photo-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-picture-o"> </i> fa-file-picture-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-powerpoint-o"> </i> fa-file-powerpoint-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-sound-o"> </i> fa-file-sound-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-video-o"> </i> fa-file-video-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-word-o"> </i> fa-file-word-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-zip-o"> </i> fa-file-zip-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-film"> </i> fa-film</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-filter"> </i> fa-filter</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-fire"> </i> fa-fire</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-fire-extinguisher"> </i> fa-fire-extinguisher</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-flag"> </i> fa-flag</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-flag-checkered"> </i> fa-flag-checkered</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-flag-o"> </i> fa-flag-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-flash"> </i> fa-flash (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-flask"> </i> fa-flask</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-folder"> </i> fa-folder</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-folder-o"> </i> fa-folder-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-folder-open"> </i> fa-folder-open</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-folder-open-o"> </i> fa-folder-open-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-frown-o"> </i> fa-frown-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-futbol-o"> </i> fa-futbol-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-gamepad"> </i> fa-gamepad</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-gavel"> </i> fa-gavel</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-gear"> </i> fa-gear (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-gears"> </i> fa-gears (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-gift"> </i> fa-gift</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-glass"> </i> fa-glass</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-globe"> </i> fa-globe</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-graduation-cap"> </i> fa-graduation-cap</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-group"> </i> fa-group (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-hdd-o"> </i> fa-hdd-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-headphones"> </i> fa-headphones</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-heart"> </i> fa-heart</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-heart-o"> </i> fa-heart-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-history"> </i> fa-history</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-home"> </i> fa-home</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-image"> </i> fa-image (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-inbox"> </i> fa-inbox</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-info"> </i> fa-info</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-info-circle"> </i> fa-info-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-institution"> </i> fa-institution (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-key"> </i> fa-key</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-keyboard-o"> </i> fa-keyboard-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-language"> </i> fa-language</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-laptop"> </i> fa-laptop</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-leaf"> </i> fa-leaf</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-legal"> </i> fa-legal (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-lemon-o"> </i> fa-lemon-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-level-down"> </i> fa-level-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-level-up"> </i> fa-level-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-life-bouy"> </i> fa-life-bouy (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-life-buoy"> </i> fa-life-buoy (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-life-ring"> </i> fa-life-ring</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-life-saver"> </i> fa-life-saver (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-lightbulb-o"> </i> fa-lightbulb-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-line-chart"> </i> fa-line-chart</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-location-arrow"> </i> fa-location-arrow</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-lock"> </i> fa-lock</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-magic"> </i> fa-magic</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-magnet"> </i> fa-magnet</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-mail-forward"> </i> fa-mail-forward (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-mail-reply"> </i> fa-mail-reply (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-mail-reply-all"> </i> fa-mail-reply-all (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-male"> </i> fa-male</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-map-marker"> </i> fa-map-marker</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-meh-o"> </i> fa-meh-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-microphone"> </i> fa-microphone</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-microphone-slash"> </i> fa-microphone-slash</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-minus"> </i> fa-minus</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-minus-circle"> </i> fa-minus-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-minus-square"> </i> fa-minus-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-minus-square-o"> </i> fa-minus-square-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-mobile"> </i> fa-mobile</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-mobile-phone"> </i> fa-mobile-phone (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-money"> </i> fa-money</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-moon-o"> </i> fa-moon-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-mortar-board"> </i> fa-mortar-board (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-music"> </i> fa-music</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-navicon"> </i> fa-navicon (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-newspaper-o"> </i> fa-newspaper-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-paint-brush"> </i> fa-paint-brush</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-paper-plane"> </i> fa-paper-plane</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-paper-plane-o"> </i> fa-paper-plane-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-paw"> </i> fa-paw</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pencil"> </i> fa-pencil</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pencil-square"> </i> fa-pencil-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pencil-square-o"> </i> fa-pencil-square-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-phone"> </i> fa-phone</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-phone-square"> </i> fa-phone-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-photo"> </i> fa-photo (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-picture-o"> </i> fa-picture-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pie-chart"> </i> fa-pie-chart</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-plane"> </i> fa-plane</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-plug"> </i> fa-plug</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-plus"> </i> fa-plus</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-plus-circle"> </i> fa-plus-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-plus-square"> </i> fa-plus-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-plus-square-o"> </i> fa-plus-square-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-power-off"> </i> fa-power-off</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-print"> </i> fa-print</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-puzzle-piece"> </i> fa-puzzle-piece</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-qrcode"> </i> fa-qrcode</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-question"> </i> fa-question</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-question-circle"> </i> fa-question-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-quote-left"> </i> fa-quote-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-quote-right"> </i> fa-quote-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-random"> </i> fa-random</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-recycle"> </i> fa-recycle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-refresh"> </i> fa-refresh</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-remove"> </i> fa-remove (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-reorder"> </i> fa-reorder (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-reply"> </i> fa-reply</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-reply-all"> </i> fa-reply-all</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-retweet"> </i> fa-retweet</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-road"> </i> fa-road</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-rocket"> </i> fa-rocket</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-rss"> </i> fa-rss</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-rss-square"> </i> fa-rss-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-search"> </i> fa-search</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-search-minus"> </i> fa-search-minus</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-search-plus"> </i> fa-search-plus</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-send"> </i> fa-send (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-send-o"> </i> fa-send-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-share"> </i> fa-share</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-share-alt"> </i> fa-share-alt</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-share-alt-square"> </i> fa-share-alt-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-share-square"> </i> fa-share-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-share-square-o"> </i> fa-share-square-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-shield"> </i> fa-shield</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-shopping-cart"> </i> fa-shopping-cart</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sign-in"> </i> fa-sign-in</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sign-out"> </i> fa-sign-out</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-signal"> </i> fa-signal</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sitemap"> </i> fa-sitemap</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sliders"> </i> fa-sliders</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-smile-o"> </i> fa-smile-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-soccer-ball-o"> </i> fa-soccer-ball-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort"> </i> fa-sort</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort-alpha-asc"> </i> fa-sort-alpha-asc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort-alpha-desc"> </i> fa-sort-alpha-desc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort-amount-asc"> </i> fa-sort-amount-asc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort-amount-desc"> </i> fa-sort-amount-desc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort-asc"> </i> fa-sort-asc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort-desc"> </i> fa-sort-desc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort-down"> </i> fa-sort-down (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort-numeric-asc"> </i> fa-sort-numeric-asc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort-numeric-desc"> </i> fa-sort-numeric-desc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sort-up"> </i> fa-sort-up (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-space-shuttle"> </i> fa-space-shuttle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-spinner"> </i> fa-spinner</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-spoon"> </i> fa-spoon</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-square"> </i> fa-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-square-o"> </i> fa-square-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-star"> </i> fa-star</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-star-half"> </i> fa-star-half</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-star-half-empty"> </i> fa-star-half-empty (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-star-half-full"> </i> fa-star-half-full (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-star-half-o"> </i> fa-star-half-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-star-o"> </i> fa-star-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-suitcase"> </i> fa-suitcase</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sun-o"> </i> fa-sun-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-support"> </i> fa-support (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tablet"> </i> fa-tablet</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tachometer"> </i> fa-tachometer</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tag"> </i> fa-tag</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tags"> </i> fa-tags</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tasks"> </i> fa-tasks</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-taxi"> </i> fa-taxi</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-terminal"> </i> fa-terminal</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-thumb-tack"> </i> fa-thumb-tack</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-thumbs-down"> </i> fa-thumbs-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-thumbs-o-down"> </i> fa-thumbs-o-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-thumbs-o-up"> </i> fa-thumbs-o-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-thumbs-up"> </i> fa-thumbs-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-ticket"> </i> fa-ticket</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-times"> </i> fa-times</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-times-circle"> </i> fa-times-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-times-circle-o"> </i> fa-times-circle-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tint"> </i> fa-tint</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-toggle-down"> </i> fa-toggle-down (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-toggle-left"> </i> fa-toggle-left (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-toggle-off"> </i> fa-toggle-off</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-toggle-on"> </i> fa-toggle-on</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-toggle-right"> </i> fa-toggle-right (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-toggle-up"> </i> fa-toggle-up (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-trash"> </i> fa-trash</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-trash-o"> </i> fa-trash-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tree"> </i> fa-tree</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-trophy"> </i> fa-trophy</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-truck"> </i> fa-truck</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tty"> </i> fa-tty</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-umbrella"> </i> fa-umbrella</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-university"> </i> fa-university</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-unlock"> </i> fa-unlock</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-unlock-alt"> </i> fa-unlock-alt</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-unsorted"> </i> fa-unsorted (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-upload"> </i> fa-upload</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-user"> </i> fa-user</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-users"> </i> fa-users</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-video-camera"> </i> fa-video-camera</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-volume-down"> </i> fa-volume-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-volume-off"> </i> fa-volume-off</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-volume-up"> </i> fa-volume-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-warning"> </i> fa-warning (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-wheelchair"> </i> fa-wheelchair</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-wifi"> </i> fa-wifi</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-wrench"> </i> fa-wrench</a>
				</div>
			</div>
		</section>
		<section id="file-type">
			<h2 class="page-header">文件图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file"> </i> fa-file</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-archive-o"> </i> fa-file-archive-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-audio-o"> </i> fa-file-audio-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-code-o"> </i> fa-file-code-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-excel-o"> </i> fa-file-excel-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-image-o"> </i> fa-file-image-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-movie-o"> </i> fa-file-movie-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-o"> </i> fa-file-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-pdf-o"> </i> fa-file-pdf-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-photo-o"> </i> fa-file-photo-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-picture-o"> </i> fa-file-picture-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-powerpoint-o"> </i> fa-file-powerpoint-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-sound-o"> </i> fa-file-sound-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-text"> </i> fa-file-text</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-text-o"> </i> fa-file-text-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-video-o"> </i> fa-file-video-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-word-o"> </i> fa-file-word-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-zip-o"> </i> fa-file-zip-o (alias)</a>
				</div>
			</div>
		</section>
		<section id="spinner">
			<h2 class="page-header">旋转图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-circle-o-notch"> </i> fa-circle-o-notch</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cog"> </i> fa-cog</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-gear"> </i> fa-gear (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-refresh"> </i> fa-refresh</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-spinner"> </i> fa-spinner</a>
				</div>
			</div>
		</section>
		<section id="form-control">
			<h2 class="page-header">表单图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-check-square"> </i> fa-check-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-check-square-o"> </i> fa-check-square-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-circle"> </i> fa-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-circle-o"> </i> fa-circle-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-dot-circle-o"> </i> fa-dot-circle-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-minus-square"> </i> fa-minus-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-minus-square-o"> </i> fa-minus-square-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-plus-square"> </i> fa-plus-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-plus-square-o"> </i> fa-plus-square-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-square"> </i> fa-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-square-o"> </i> fa-square-o</a>
				</div>
			</div>
		</section>
		<section id="payment">
			<h2 class="page-header">支付图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-amex"> </i> fa-cc-amex</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-discover"> </i> fa-cc-discover</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-mastercard"> </i> fa-cc-mastercard</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-paypal"> </i> fa-cc-paypal</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-stripe"> </i> fa-cc-stripe</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-visa"> </i> fa-cc-visa</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-credit-card"> </i> fa-credit-card</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-google-wallet"> </i> fa-google-wallet</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-paypal"> </i> fa-paypal</a>
				</div>
			</div>
		</section>
		<section id="chart">
			<h2 class="page-header">图表图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-area-chart"> </i> fa-area-chart</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bar-chart"> </i> fa-bar-chart</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bar-chart-o"> </i> fa-bar-chart-o (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-line-chart"> </i> fa-line-chart</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pie-chart"> </i> fa-pie-chart</a>
				</div>
			</div>
		</section>
		<section id="currency">
			<h2 class="page-header">货币图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bitcoin"> </i> fa-bitcoin (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-btc"> </i> fa-btc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cny"> </i> fa-cny (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-dollar"> </i> fa-dollar (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-eur"> </i> fa-eur</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-euro"> </i> fa-euro (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-gbp"> </i> fa-gbp</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-ils"> </i> fa-ils</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-inr"> </i> fa-inr</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-jpy"> </i> fa-jpy</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-krw"> </i> fa-krw</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-money"> </i> fa-money</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-rmb"> </i> fa-rmb (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-rouble"> </i> fa-rouble (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-rub"> </i> fa-rub</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-ruble"> </i> fa-ruble (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-rupee"> </i> fa-rupee (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-shekel"> </i> fa-shekel (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-sheqel"> </i> fa-sheqel (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-try"> </i> fa-try</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-turkish-lira"> </i> fa-turkish-lira (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-usd"> </i> fa-usd</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-won"> </i> fa-won (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-yen"> </i> fa-yen (alias)</a>
				</div>
			</div>
		</section>
		<section id="text-editor">
			<h2 class="page-header">编辑器图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-align-center"> </i> fa-align-center</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-align-justify"> </i> fa-align-justify</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-align-left"> </i> fa-align-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-align-right"> </i> fa-align-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bold"> </i> fa-bold</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-chain"> </i> fa-chain (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-chain-broken"> </i> fa-chain-broken</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-clipboard"> </i> fa-clipboard</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-columns"> </i> fa-columns</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-copy"> </i> fa-copy (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cut"> </i> fa-cut (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-dedent"> </i> fa-dedent (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-eraser"> </i> fa-eraser</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file"> </i> fa-file</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-o"> </i> fa-file-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-text"> </i> fa-file-text</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-file-text-o"> </i> fa-file-text-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-files-o"> </i> fa-files-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-floppy-o"> </i> fa-floppy-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-font"> </i> fa-font</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-header"> </i> fa-header</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-indent"> </i> fa-indent</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-italic"> </i> fa-italic</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-link"> </i> fa-link</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-list"> </i> fa-list</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-list-alt"> </i> fa-list-alt</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-list-ol"> </i> fa-list-ol</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-list-ul"> </i> fa-list-ul</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-outdent"> </i> fa-outdent</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-paperclip"> </i> fa-paperclip</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-paragraph"> </i> fa-paragraph</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-paste"> </i> fa-paste (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-repeat"> </i> fa-repeat</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-rotate-left"> </i> fa-rotate-left (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-rotate-right"> </i> fa-rotate-right (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-save"> </i> fa-save (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-scissors"> </i> fa-scissors</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-strikethrough"> </i> fa-strikethrough</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-subscript"> </i> fa-subscript</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-superscript"> </i> fa-superscript</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-table"> </i> fa-table</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-text-height"> </i> fa-text-height</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-text-width"> </i> fa-text-width</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-th"> </i> fa-th</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-th-large"> </i> fa-th-large</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-th-list"> </i> fa-th-list</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-underline"> </i> fa-underline</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-undo"> </i> fa-undo</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-unlink"> </i> fa-unlink (alias)</a>
				</div>
			</div>
		</section>
		<section id="directional">
			<h2 class="page-header">方向图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-angle-double-down"> </i> fa-angle-double-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-angle-double-left"> </i> fa-angle-double-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-angle-double-right"> </i> fa-angle-double-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-angle-double-up"> </i> fa-angle-double-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-angle-down"> </i> fa-angle-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-angle-left"> </i> fa-angle-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-angle-right"> </i> fa-angle-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-angle-up"> </i> fa-angle-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-circle-down"> </i> fa-arrow-circle-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-circle-left"> </i> fa-arrow-circle-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-circle-o-down"> </i> fa-arrow-circle-o-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-circle-o-left"> </i> fa-arrow-circle-o-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-circle-o-right"> </i> fa-arrow-circle-o-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-circle-o-up"> </i> fa-arrow-circle-o-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-circle-right"> </i> fa-arrow-circle-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-circle-up"> </i> fa-arrow-circle-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-down"> </i> fa-arrow-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-left"> </i> fa-arrow-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-right"> </i> fa-arrow-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrow-up"> </i> fa-arrow-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrows"> </i> fa-arrows</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrows-alt"> </i> fa-arrows-alt</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrows-h"> </i> fa-arrows-h</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrows-v"> </i> fa-arrows-v</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-down"> </i> fa-caret-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-left"> </i> fa-caret-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-right"> </i> fa-caret-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-square-o-down"> </i> fa-caret-square-o-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-square-o-left"> </i> fa-caret-square-o-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-square-o-right"> </i> fa-caret-square-o-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-square-o-up"> </i> fa-caret-square-o-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-caret-up"> </i> fa-caret-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-chevron-circle-down"> </i> fa-chevron-circle-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-chevron-circle-left"> </i> fa-chevron-circle-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-chevron-circle-right"> </i> fa-chevron-circle-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-chevron-circle-up"> </i> fa-chevron-circle-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-chevron-down"> </i> fa-chevron-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-chevron-left"> </i> fa-chevron-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-chevron-right"> </i> fa-chevron-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-chevron-up"> </i> fa-chevron-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-hand-o-down"> </i> fa-hand-o-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-hand-o-left"> </i> fa-hand-o-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-hand-o-right"> </i> fa-hand-o-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-hand-o-up"> </i> fa-hand-o-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-long-arrow-down"> </i> fa-long-arrow-down</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-long-arrow-left"> </i> fa-long-arrow-left</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-long-arrow-right"> </i> fa-long-arrow-right</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-long-arrow-up"> </i> fa-long-arrow-up</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-toggle-down"> </i> fa-toggle-down (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-toggle-left"> </i> fa-toggle-left (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-toggle-right"> </i> fa-toggle-right (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-toggle-up"> </i> fa-toggle-up (alias)</a>
				</div>
			</div>
		</section>
		<section id="video-player">
			<h2 class="page-header">播放器图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-arrows-alt"> </i> fa-arrows-alt</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-backward"> </i> fa-backward</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-compress"> </i> fa-compress</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-eject"> </i> fa-eject</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-expand"> </i> fa-expand</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-fast-backward"> </i> fa-fast-backward</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-fast-forward"> </i> fa-fast-forward</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-forward"> </i> fa-forward</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pause"> </i> fa-pause</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-play"> </i> fa-play</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-play-circle"> </i> fa-play-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-play-circle-o"> </i> fa-play-circle-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-step-backward"> </i> fa-step-backward</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-step-forward"> </i> fa-step-forward</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-stop"> </i> fa-stop</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-youtube-play"> </i> fa-youtube-play</a>
				</div>
			</div>
		</section>
		<section id="brand">
			<h2 class="page-header">品牌图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-adn"> </i> fa-adn</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-android"> </i> fa-android</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-angellist"> </i> fa-angellist</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-apple"> </i> fa-apple</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-behance"> </i> fa-behance</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-behance-square"> </i> fa-behance-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bitbucket"> </i> fa-bitbucket</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bitbucket-square"> </i> fa-bitbucket-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-bitcoin"> </i> fa-bitcoin (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-btc"> </i> fa-btc</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-amex"> </i> fa-cc-amex</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-discover"> </i> fa-cc-discover</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-mastercard"> </i> fa-cc-mastercard</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-paypal"> </i> fa-cc-paypal</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-stripe"> </i> fa-cc-stripe</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-cc-visa"> </i> fa-cc-visa</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-codepen"> </i> fa-codepen</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-css3"> </i> fa-css3</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-delicious"> </i> fa-delicious</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-deviantart"> </i> fa-deviantart</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-digg"> </i> fa-digg</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-dribbble"> </i> fa-dribbble</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-dropbox"> </i> fa-dropbox</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-drupal"> </i> fa-drupal</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-empire"> </i> fa-empire</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-facebook"> </i> fa-facebook</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-facebook-square"> </i> fa-facebook-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-flickr"> </i> fa-flickr</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-foursquare"> </i> fa-foursquare</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-ge"> </i> fa-ge (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-git"> </i> fa-git</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-git-square"> </i> fa-git-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-github"> </i> fa-github</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-github-alt"> </i> fa-github-alt</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-github-square"> </i> fa-github-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-gittip"> </i> fa-gittip</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-google"> </i> fa-google</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-google-plus"> </i> fa-google-plus</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-google-plus-square"> </i> fa-google-plus-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-google-wallet"> </i> fa-google-wallet</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-hacker-news"> </i> fa-hacker-news</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-html5"> </i> fa-html5</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-instagram"> </i> fa-instagram</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-ioxhost"> </i> fa-ioxhost</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-joomla"> </i> fa-joomla</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-jsfiddle"> </i> fa-jsfiddle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-lastfm"> </i> fa-lastfm</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-lastfm-square"> </i> fa-lastfm-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-linkedin"> </i> fa-linkedin</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-linkedin-square"> </i> fa-linkedin-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-linux"> </i> fa-linux</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-maxcdn"> </i> fa-maxcdn</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-meanpath"> </i> fa-meanpath</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-openid"> </i> fa-openid</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pagelines"> </i> fa-pagelines</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-paypal"> </i> fa-paypal</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pied-piper"> </i> fa-pied-piper</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pied-piper-alt"> </i> fa-pied-piper-alt</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pinterest"> </i> fa-pinterest</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-pinterest-square"> </i> fa-pinterest-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-qq"> </i> fa-qq</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-ra"> </i> fa-ra (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-rebel"> </i> fa-rebel</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-reddit"> </i> fa-reddit</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-reddit-square"> </i> fa-reddit-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-renren"> </i> fa-renren</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-share-alt"> </i> fa-share-alt</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-share-alt-square"> </i> fa-share-alt-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-skype"> </i> fa-skype</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-slack"> </i> fa-slack</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-slideshare"> </i> fa-slideshare</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-soundcloud"> </i> fa-soundcloud</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-spotify"> </i> fa-spotify</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-stack-exchange"> </i> fa-stack-exchange</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-stack-overflow"> </i> fa-stack-overflow</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-steam"> </i> fa-steam</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-steam-square"> </i> fa-steam-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-stumbleupon"> </i> fa-stumbleupon</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-stumbleupon-circle"> </i> fa-stumbleupon-circle</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tencent-weibo"> </i> fa-tencent-weibo</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-trello"> </i> fa-trello</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tumblr"> </i> fa-tumblr</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-tumblr-square"> </i> fa-tumblr-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-twitch"> </i> fa-twitch</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-twitter"> </i> fa-twitter</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-twitter-square"> </i> fa-twitter-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-vimeo-square"> </i> fa-vimeo-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-vine"> </i> fa-vine</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-vk"> </i> fa-vk</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-wechat"> </i> fa-wechat (alias)</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-weibo"> </i> fa-weibo</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-weixin"> </i> fa-weixin</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-windows"> </i> fa-windows</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-wordpress"> </i> fa-wordpress</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-xing"> </i> fa-xing</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-xing-square"> </i> fa-xing-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-yahoo"> </i> fa-yahoo</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-yelp"> </i> fa-yelp</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-youtube"> </i> fa-youtube</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-youtube-play"> </i> fa-youtube-play</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-youtube-square"> </i> fa-youtube-square</a>
				</div>
			</div>
		</section>
		<section id="medical">
			<h2 class="page-header">医学图标</h2>
			<div class="row fontawesome-icon-list">
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-ambulance"> </i> fa-ambulance</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-h-square"> </i> fa-h-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-hospital-o"> </i> fa-hospital-o</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-medkit"> </i> fa-medkit</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-plus-square"> </i> fa-plus-square</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-stethoscope"> </i> fa-stethoscope</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)"  ><i class="fa fa-user-md"> </i> fa-user-md</a>
				</div>
				<div class="fa-hover span4">
					<a href="javascript:void(0)" ><i class="fa fa-wheelchair"> </i> fa-wheelchair</a>
				</div>
			</div>
		</section>
	</div>
</body>

<script type="text/javascript">
	$("body").find("a").each(function(i, n) {
		$(n).click(function() {
			var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
			var iconName = $(this).find("i").attr("class");
			//给父页面传值
			parent.$('#iconText').val(iconName).trigger("focusout");
			parent.layer.close(index);
		});
	});
</script>













</html>